import React, { Component } from 'react'
import Item from '../Item/Item'
import './List.css'
export default class List extends Component {
  render() {
    const { todos, removeTodo, updataTodo , EditToggle , EditTodo ,id } = this.props
    return (
      <ul className="todo-main">
        {todos.map(item => {
          return <Item
            id={id}
            key={item.id}
            todo={item}
            EditToggle={EditToggle}
            removeTodo={removeTodo}
            updataTodo={updataTodo}
            EditTodo={EditTodo}
          ></Item>
        })}
      </ul>
    )
  }
}
